{% extends "SLFrontBundle::layout.html.twig" %}

	{% block title %}{{ parent() }} - Projets{% endblock %}
	
	{% block body %}
	
	<div class="h-scroll serial">
		<ul class="projects slider-images">
		{% for projet in list1_projets %}
			<li><a href="{{ path('sl_front_projet', {'url' : projet.url}) }}">
				<img class="thumb" src="{{ asset('images/couverture')}}{{ projet.couverture.getWebPath }}" alt="{{ projet.name }}"/>
				<span class="hover"><div class="description"><div class="row"><div class="cell">
					<h4>{{ projet.name|upper }} <br/>{{ projet.lieu|upper }}</h4><br/>{{ projet.date|date('Y') }}
				</div></div></div>
			</a></li>
		{% endfor %}
		</ul>
	</div>

	<div class="h-scroll serial">
		<ul class="projects slider-images">
		{% for projet in list2_projets %}
			<li><a href="{{ path('sl_front_projet', {'url' : projet.url}) }}">
				<img class="thumb" src="{{ asset('images/couverture')}}{{ projet.couverture.getWebPath }}" alt="{{ projet.name }}"/>
				<span class="hover"><div class="description"><div class="row"><div class="cell">
					<h4>{{ projet.name|upper }} <br/>{{ projet.lieu|upper }}</h4><br/>{{ projet.date|date('Y') }}
				</div></div></div>
			</a></li>
		{% endfor %}
		</ul>
	</div>

	<div class="h-scroll serial">
		<ul class="projects slider-images">
		{% for projet in list3_projets %}
			<li><a href="{{ path('sl_front_projet', {'url' : projet.url}) }}">
				<img class="thumb" src="{{ asset('images/couverture')}}{{ projet.couverture.getWebPath }}" alt="{{ projet.name }}"/>
				<span class="hover"><div class="description"><div class="row"><div class="cell">
					<h4>{{ projet.name|upper }} <br/>{{ projet.lieu|upper }}</h4><br/>{{ projet.date|date('Y') }}
				</div></div></div>
			</a></li>
		{% endfor %}
		</ul>
	</div>	
{% endblock %}